<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="alternate icon" class="js-site-favicon" type="image/png" href="images/favicon.png">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/header.css">
    <link rel="stylesheet" href="css/footer.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/search.css">
    <!-- <link rel="stylesheet" href="css/study.css"> -->
    <!-- <link rel="stylesheet" href="css/practise.css"> -->
    <script src="utils/host.js"></script>

    <!-- 引入jQuery模块 -->

    <script src="./js/static/axios.min.js"></script>
    <script src="./js/static/jq.js"></script>
    <script src="js/common.js"></script>
    <!-- 引入bootstrap.js模块 -->
    <script src="./js/static/boot.js"></script>
    <script src="./js/search.js"></script>
    <link href="./js/static/boot.css" rel="stylesheet">

    <title>拆分查询</title>
    <style>
        @font-face {
            font-family: 'YuhaoSongti';
            src: url("./fonts/YuhaoSongti.ttf");
            /* src: url("./fonts/LXGWWenKaiGBScreenR.ttf"); */
        }

        span {
            font-family: 'YuhaoSongti';
        }
        
        body {
            font-family: "YuhaoSongti", serif;
        }
    </style>
</head>

<body>
<nav class="navbar navbar-default navbar-fixed-top">
    <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="index.html">
                <img alt="Brand" src="images/brand.png" class="my-brand">
            </a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav module-left">
                <li><a href="index.html">首页 </a></li>
                <li><a href="study.html">新手指南</a></li>
                <li>
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                        练习程序<span class="caret"></span>
                        <ul class="dropdown-menu">

                            <li><a href="practice_light.html">光华字根进阶练习</a></li>
                            <li><a href="practice_star.html">星陈字根入门练习</a></li>
                            <li><a href="practice_toy.html">卿云字根进阶练习</a></li>

                            <!--
                            <li><a href="practisePro.html">必拆字练习</a></li>
                            <li><a href="freePractise.html">自由练习</a></li>
							-->

                            <!-- <li role="separator" class="divider"></li> -->
                        </ul>
                </li>
                <li><a href="search.html" class="selected">拆分查询<span class="sr-only"></span></a></li>

                <li><a href="download.html">下载安装<span class="sr-only"></span></a></li>
                <!--li><a href="tools.html">实用工具<span class="sr-only"></span></a></li-->

                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                        加入组织<span class="caret"></span></a>
                    <ul class="dropdown-menu">

                        <li><a href="https://jq.qq.com/?_wv=1027&k=2OYDP4Tk">宇浩官方群</a></li>
                        <li><a href="https://t.me/yuhaoim">Telegram群</a></li>
                        <li><a href="https://github.com/forFudan/yuhao/">Github官方仓库</a></li>

                        <!-- <li role="separator" class="divider"></li> -->
                    </ul>
                </li>
                <li><a href="https://kylebing.cn/tools/typepad/">玫枫跟打<span class="sr-only"></span></a></li>

            </ul>
            <ul class="nav navbar-nav navbar-right module-right logbtn-box">
                <li><a href="login.html" class="login-btn brand-btn">登录</a></li>
                <li><a href="register.html" class="sign_up-btn brand-btn">注册</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right module-right hidden">
                <li class="hello"><span><span id="loginTime"></span>，<span id="uname"></span><span><a href="#" id="logout"> 注销</a></span></span></li>

            </ul>
        </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</nav>
<div class="main-content">
    <div class="container">
        <div class="row mt-10">
            <div class="col-md-2"></div>
            <div class="col-md-8 pt-20 bg-white primary-shadow study">
                
                <div class="h-100 flex-center">
                    
                    
                    <!--
                    <div class="form-inline mt-10">
                        <div class="form-group">
                            <label for="exampleInputName2">待查字</label>
                            <input type="text" class="form-control" id="exampleInputName2" placeholder="宇">
                        </div>

                        <button class="btn btn-default">查找</button>
                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" role="switch" id="flexSwitchCheckDefault">
                            <label class="form-check-label" for="flexSwitchCheckDefault">多字连查</label>
                            <span class="font-gray-400">开启后不能查询超集字</span>
                        </div>
                    </div>
                    -->
                    
                    <div class="result">
                        <!-- <div class="result-box">
                          <div>
                            <div><span class="fc-gray">编码：</span><span class="fb-6">虎</span></div>
                            <div><span class="fc-gray">拆分：</span><span class="fb-6">zh zhh</span></div>
                          </div>
                        </div> -->
                    </div>
                    <!-- --------------------------->
                    
                    
                    <!-- --------------------------->
                </div>

            </div>
            <div class="col-md-2"></div>
        </div>

    </div>
</div>

<div class="footer hidden visible-lg">
    <div class="row">
        <div class="col-xs-12 col-md-4">
            <img src="images/brand.png" alt="helloworld综合资源web服务" class="my-brand1">
            <p class="footer-title1">宇浩输入法 </p>
        </div>
        
        <div class="col-xs-12 col-md-4">
            <ul class="rec-list flex-col">
                <li><span class="footer-title">友情链接</span></li>
                <li><a href="https://rime.im/">Rime输入法引擎</a></li>
                <li><a href="https://www.jsxiaoshi.com/">极速打字网</a></li>
                <li><a href="http://xumax.cn/">徐码输入法</a></li>
                <li><a href="http://cjhk.org/">仓颉输入法</a></li>
            </ul>
        </div>
        
        <div class="col-xs-12 col-md-4">
            <ul class="about-list flex-col">
                <li><span class="footer-title">关于</span></li>
                <li><a href="#">关于宇浩码</a></li>
                <li><a href="#">关于作者</a></li>
            </ul>
        </div>
    </div>
</div>


</body>
</html>
